$(document).ready(function() {
	$('.add-list-item').click(function(e) {
		e.preventDefault();
		var field = $(this).attr('data-field-id');
		$(this).parent('li').before('<li>'
						+ '<input class="list-item-text" type="text" name="list_' + field + '[]" value=""/>'
						+ '<button class="form-button remove-list-item">X</button>'
						+ '</li>'
						);
	});
	
	$('.remove-list-item').live('click', function(e) {
		e.preventDefault();
		$(this).parent('li').fadeOut(function() {
			$(this).remove();
		});
	});
});